<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
        crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style>
        .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
        </style>
    <title></title>
</head>

<body>
    <div>
        <nav id="navbar" class="navbar navbar-dark bg-info navbar-expand-md">
            <button type="button" aria-label="Toggle navigation" aria-controls="nav_collapse" aria-expanded="false"
                class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>
            <a href="#" target="_self" class="navbar-brand">桂林市凤集小学</a>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item"><a href="http://188.188.3.42/default/portal/home/index" target="_self" class="nav-link">学校视频云资源</a></li>
                    <li class="nav-item"><a href="https://scratch.mit.edu/projects/editor/?tip_bar=home" target="_self"
                            class="nav-link">Scratch</a></li>
                    <li class="nav-item"><a href="http://188.188.3.2:8008/typekey/" target="_self" class="nav-link">键盘练习</a></li>
                    <li class="nav-item"><a href="http://188.188.3.2:8008/live.html" target="_self" class="nav-link">校园直播</a></li>
                    <li class="nav-item"><a href="http://188.188.3.2:3000/pcrecord" target="_self" class="nav-link">上机登记</a></li>
                    <li class="nav-item"><a href="http://121.31.122.50:8810/" target="_self" class="nav-link">数字图书馆</a></li>
                </ul>
            </div>
            <ul class="navbar-nav ml-auto">
                <form target="_blank" action="https://www.baidu.com/s?ie=utf-8&amp;f=8&amp;rsv_bp=1&amp;rsv_idx=1&amp;tn=baidu"
                    class="form-inline">
                    <div role="group" class="input-group"><input id="__BVID__6" name="wd" type="text" placeholder="百度搜索"
                            class="form-control form-control-sm">
                        <div class="input-group-append"><button type="submit" class="btn btn-secondary btn-sm"><i class="material-icons">
                                    search
                                </i></button></div>
                    </div>
                </form>
            </ul>

        </nav>
    </div>
    <div style="width: 550px; height: 367px; margin: 20px auto; background-color: rgb(238, 238, 238);">
        <div>
            <div role="region" id="carousel1" aria-busy="false" class="carousel slide" style="background: rgb(171, 171, 171); text-shadow: rgb(51, 51, 51) 1px 1px 2px;">
                <div id="carousel1___BV_inner_" role="list" class="carousel-inner">
                    <div id="__BVID__32" role="listitem" class="carousel-item active" aria-current="true" aria-posinset="1"
                        aria-setsize="1" tabindex="-1"><img src="src/assets/hxjzg.jpg" width="550" height="367" class="img-fluid w-100 d-block">
                        <div class="carousel-caption">
                            <!---->
                            <!---->
                        </div>
                    </div>
                </div><a href="#" role="button" aria-controls="carousel1___BV_inner_" class="carousel-control-prev"><span
                        aria-hidden="true" class="carousel-control-prev-icon"></span><span class="sr-only">Previous
                        Slide</span></a><a href="#" role="button" aria-controls="carousel1___BV_inner_" class="carousel-control-next"><span
                        aria-hidden="true" class="carousel-control-next-icon"></span><span class="sr-only">Next Slide</span></a>
                <ol id="carousel1___BV_indicators_" aria-hidden="false" aria-label="Select a slide to display"
                    aria-owns="carousel1___BV_inner_" class="carousel-indicators">
                    <li role="button" id="carousel1___BV_indicator_1_" tabindex="0" aria-current="true" aria-label="Goto Slide 1"
                        aria-describedby="__BVID__32" aria-controls="carousel1___BV_inner_" class="active"></li>
                </ol>
            </div>
        </div>
    </div>


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.1.0/handlebars.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
    <script>
    </script>
</body>

</html>